<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻动态</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入公共样式表 common.css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入新闻动态样式表 index.css -->
    <link rel="stylesheet" href="css/newsList.css">
</head>
<body>
    <!-- 欢迎来到家居网 -->
    <div id="head">
        <div class="container clearfix">
            <span class="fl">欢迎来到HOUSE家居网！</span>
            <div class="fr">
                <a href="#"><img src="images/tel.png" alt="">400-00-000xxx</a>
                <a href="#"><img src="images/mail.png" alt="">1234567xxx@gmail.com</a>
            </div>
        </div>
    </div>
    <!-- logo和导航栏 -->
    <div id="nav" class="container clearfix">
        <a href="#" class="fl"><img src="images/logo.png" alt=""></a>
        <ul class="fr clearfix">
            <li><a href="index.html">首页</a></li>
            <li><a href="aboutUs.html">关于我们</a></li>
            <li><a href="productsShow.html">产品展示</a></li>
            <li class="active"><a href="newsList.html">新闻动态</a></li>
            <li><a href="onlineMessage.html">在线留言</a></li>
            <li><a href="contactUs.html">联系我们</a></li>
        </ul>
    </div>
    <!-- 大图片 -->
    <div id="bigpic">
        <a href="#"><img src="images/banner5.jpg" alt=""></a>
    </div>
    <!-- 图片下方文字 -->
    <div id="word">
        <div class="container">
            <p>首页 >> 新闻动态</p>
        </div>
    </div>
    <!-- 新闻动态 -->
    <div id="newsList" class="container">
        <div class="title">
            <div>
                新闻动态
            </div>
        </div>
        <div class="newscontent clearfix">
            <div class="left fl">
                <ul>
                    <li><a href="#">行业资讯</a></li>
                    <li><a href="#">公司动态</a></li>
                    <li><a href="#">媒体热点</a></li>
                </ul>
                <a href="#"><img src="images/02_wqpl.jpg" alt=""></a>
            </div>
            <div class="right fl">
                <div class="top">
                    <div>
                        <a href="#">
                            <h1>迎|“十一”主题优惠即将开幕</h1>
                            <span>2015-08-03</span>
                            <p>由于端午是今年上半年最后一个假期,气候相对比较舒适，正式广大消费者外出购物的好时机，值此，我公司针对“端午、六一”,也推出了多种主题优惠，同样“十一”也将推出主题优惠，来店就送气球一只，十一当天购物满3000元就送面值100元枕头一对。欢迎广大会员和新老朋友到店参观选购。
                            </p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <h1>有意实施行业内重组 蕴藏可升值资产</h1>
                            <span>2014-10-20</span>
                            <p>近期身陷“财务造假”风波的四川XXX交出了一份亮丽的年报。4月7日，四川XXX公告称，去年实现净利润1.16亿元，同比增长272.17%。同时，公司董事会通过了以资本公积金向全体股东每10股转增5股的方案。XXX方面表示，今年在加强主业的同时，也会关注行业内实施产业重组的机会。
                            </p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <h1>端午节家电大力促销</h1>
                            <span>2014-10-20</span>
                            <p>即将到来的端午节小长假，自然少不了各大家电卖场的大力促销，由于恰逢四年一届的世界杯和刚刚结束的高考，今年的节日促销也因此显得颇具新意。据悉，面向球迷的世界杯家电降价、买赠以及针对学生消费的数码3C产品促销近日已经悄然展开。
                            </p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <h1>家纺与电影</h1>
                            <span>2014-10-20</span>
                            <p>家纺与电影</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <h1>家纺行业：从价值链的薄弱环节找到突破口</h1>
                            <span>2014-10-20</span>
                            <p>家纺行业：从价值链的薄弱环节找到突破口</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <h1>当前中国家纺市场现状及前景预测</h1>
                            <span>2014-10-20</span>
                            <p>当前中国家纺市场现状及前景预测</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <h1>2009年家纺行业现状分析</h1>
                            <span>2014-10-20</span>
                            <p>2009年家纺行业现状分析</p>
                        </a>
                    </div>
                </div>
                <div class="bottom">
                    <span>共27条记录</span>
                    <button type="button" class="btn1">1</button>
                    <button type="button">2</button>
                    <button type="button">3</button>
                    <button type="button">下一页</button>
                    <button type="button">末页</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer">
        <div class="container">
            <div class="top clearfix">
                <div class="contact">
                    <a href="#"><img src="images/logo2.jpg" alt=""></a>
                    <a href="#">
                        <div class="pic1">&emsp;&emsp;中国上海市xxx区xxx路12号moumou大厦5层5xx室</div>
                    </a>
                    <a href="#">
                        <div class="pic2">&emsp;&emsp;400-000-xxxx / (021)-1234578xxx</div>
                    </a>
                    <a href="#">
                        <div class="pic3">&emsp;&emsp;12385963xxxx@gmail.com</div>
                    </a>
                </div>
                <div class="interlinkage clearfix">
                    <h1>快速链接</h1>
                    <ul>
                        <li><a href="#">> 网站首页</a></li>
                        <li><a href="#">> 产品展示</a></li>
                        <li><a href="#">> 在线留言</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">> 关于我们</a></li>
                        <li><a href="#">> 新闻动态</a></li>
                        <li><a href="#">> 联系我们</a></li>
                    </ul>
                </div>
                <div class="search">
                    <h1>站内搜索</h1>
                    <form action="#">
                        <input type="text" placeholder=" 请输入关键字"><button type="submit">搜索</button>
                    </form>
                    <a href="#">关注我们 <img src="images/fenxiang.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="container">
                <p>Copyright © 2009-2011,www.XXXXXX.com,All rights reserved 沪ICP备XXXXXXX号未经同意,不得转载</p>
            </div>
        </div>
    </div>
</body>
</html>